<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>forEach</title>
</head>
<body>
  <script>
     // 可以对数组进行遍历  参考forEach的使用方式
        function each(arr,callback){
          for(var i in arr){
            callback(arr[i],i)
          }
          
        }

        var  arr = ['a','b','c']
        each(arr,function (item,index) {
          console.log(item);
          console.log(index)
        })
        // for(var i in arr){
        //   console.log(arr[i],i)
        // }
        //map封装
        // var arr = [2,3,4,5];
        // function mab(arr,callback){
        //   let arr1=[]
        //   for(var i in arr){
        //    arr1.push( callback(arr[i],i))
        //   }
        //   return arr1;
        // }
        // var a=mab(arr,function(item,index){
        //   return item*2;
        // })
        // console.log(a)
        //fiflter
      //   var arr = [2,3,4,5];
      //   function filt(arr,callback){
      //     let arr1=[]
      //     for(var i in arr){
      //       console.log(callback(arr[i],i))
      //       if(callback(arr[i],i)){
      //         arr1.push(arr[i]);
      //       }
      //     }
      //     return arr1;
      //   } 
      //  var a= filt(arr,function(item,index){
      //     return (item>2)
      //   })
      //   console.log(a)
  </script>
</body>
</html>